import React from 'react'
import './ContentFooterRight.scss'
import listsSong from '@/assets/fonts/music/listsSong.svg'
import volume from '@/assets/fonts/music/volume.svg'
import { useDispatch } from 'react-redux'
import { changeHiddenList } from '@/store/musicList'

function ContentFooterRight() {
  const dispatch = useDispatch()

  return (
    <div className="footerRight-contaniner">
        <ul>
          <li>
            <img src={listsSong} alt="" onClick={()=>dispatch(changeHiddenList(0))}/>
          </li>
          <li>
            <img src={volume} alt="" />
          </li>
        </ul>
    </div>
  )
}

export default React.memo(ContentFooterRight)